
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@page import="com.axonactive.yolo.util.session.SessionHelper"%>
<%@page import="com.axonactive.yolo.domain.UserEmail"%>
<%
UserEmail userEmail=SessionHelper.getUserEmail(session);
String email = null;
if(userEmail!=null) email=userEmail.getEmail();
String log = "";
String logname = "";
String text = "";
String textlink = "";
String notLogged="";
String logged="";
// if not login 
if (email == null) {
	logged="hidden";
	email="Guest";
}
// if logged id
else {
	notLogged="hidden";
}
%>

<div class="row collapse full-width small-top-bar hide-for-small">
                <div class="large-16 large-centered columns">
                    <div class="contain-to-grid sticky">
                        <nav class="top-bar docs-bar" data-topbar id="top-bar">
                            <ul class="title-area">
                                <li class="name">
                                    <h1><a href="${pageContext.request.contextPath}" class="small-top-bar loading_controller_group">YOLO FLIGHT</a></h1>
                                </li>
                            </ul>

                            <section class="top-bar-section">
                                <ul class="right">
                                    <li class="user-name-width">
                                        <a href="${pageContext.request.contextPath}/account/profile.html" class="small-top-bar user-name"><%=email%></a>
                                    </li>
                                    <li <%=logged%>>
                                        <a href="#" id="notifications" class="small-top-bar" data-dropdown="notification-list1">
                                            <img src="<c:url value="/resources/img/ic_notify.png"/>" class="top-bar-img"></a>
                                       <div id="notification-container" role="menu" aria-labelledby="drop3">
												<section id="notification-list1" class="f-dropdown f-dropdown-noty list-group list-group-alt" data-dropdown-content>
													<form action="${pageContext.request.contextPath}/subscribe/link-to-subscribe.html" method="post" id="formLinktoSubscribe">
														<div id="notification-list">
														</div>
														<footer class="footerNoMargin" id="menuShowAllNotification">
															<a href="${pageContext.request.contextPath}/account/notification-center.html">Show All</a>
														</footer>
														<input type="hidden" name="flightId" id="inputNotyHidden"/>																										
													</form>
												</section>
										</div>
                                    </li>
                                    <li <%=notLogged%>>
                                        <a href="${pageContext.request.contextPath}/account/signup.html" class="small-top-bar sign-up loading_controller_group">Sign up</a>
                                    </li>
                                    <li>
                                    
                                    
<!--                              for Exchange Rates        -->
                                    <a id="a-currencyTopBar" class="small-top-bar" data-dropdown="dropSection">
										<img src="<c:url value="/resources/img/ic_curency.png" />" class="top-bar-img">
										<font id="currencyTopBar">
											<c:choose>
												<c:when test="${not empty sessionScope.currency_code}">
													<c:out value="${sessionScope.currency_code}" />
												</c:when>
												<c:otherwise>USD</c:otherwise>
											</c:choose>
										</font>
									</a>

									<section id="dropSection" class="f-dropdown f-dropdown-noty list-group list-group-alt" data-dropdown-content>
										<div class="row collapse">
											<div class="column large-15 medium-14">
												<input id="autocompleteCurrency" type="text" placeholder="enter a country or currency code">
											</div>
											<div class="column large-1 medium-2" id="div-showallcurrencies"></div>
										</div>
										<div id="menuShowCurrency" class="footerMargin">
											<a href="${pageContext.request.contextPath}/exchange_rates.html">Exchange Rates List</a>
										</div>
									</section>
                                            
                                    </li>
                                    <li <%=logged%>>
                                        <a href="${pageContext.request.contextPath}/account/profile.html" class="small-top-bar loading_controller_group">Profile</a>
                                    </li>
                                    <li <%=notLogged%>>
                                        <a href="${pageContext.request.contextPath}/account/login.html" class="small-top-bar loading_controller_group">Log In</a>
                                    </li>
                                    <li <%=logged%>>
                                        <a href="${pageContext.request.contextPath}/account/logout.html" class="small-top-bar loading_controller_group">Log Out</a>
                                    </li>
                                </ul>
                            </section>
                        </nav>
                    </div>
                </div>
            </div>
            <div class="sticky">
                <nav class="tab-bar show-for-small">
                    <section class="left-small">
                        <a class="left-off-canvas-toggle menu-icon"><span></span></a>
                    </section>
                    <section class="right tab-bar-section">
                    	<a href="${pageContext.request.contextPath}">
                        	<h1 class="title left">YOLO FLIGHT</h1>
                        </a>
                    </section>
<!--                     <section class="right-small"> -->
<!--                         <a class="right-off-canvas-toggle menu-icon"><span></span></a> -->
<!--                     </section> -->
                </nav>
            </div>


            <aside class="marketing-left-off-canvas-menu">
                <ul class="off-canvas-list">
                	<li>
                        <label class="first">NAVIGATION</label>
                    </li>
                    <li>
                    	<label class="first user-name"><%=email%></label>
                    </li>
                    <hr>
                    <li>
                        <a href="${pageContext.request.contextPath}">Home</a>
                    </li>
                    <hr>
                    <li>
                        <a href="${pageContext.request.contextPath}/flight/search.html">Search</a>
                    </li>
                    <li>
                        <a href="${pageContext.request.contextPath}/task/list.html">Task</a>
                    </li>
                    <li>
                        <a href="${pageContext.request.contextPath}/subscribe/list.html">Subscription</a>
                    </li>
                    <hr>
                    <li <%=logged%>>
                        <a href="${pageContext.request.contextPath}">Notification Center</a>
                    </li>
                    <li>
                        <a href="${pageContext.request.contextPath}">Currency</a>
                    </li>
                    <li <%=logged%>>
                        <a href="${pageContext.request.contextPath}/account/profile.html">Profile</a>
                    </li>
                    <hr>
                    <li <%=logged%>>
                        <a href="${pageContext.request.contextPath}/account/logout.html">Log Out</a>
                    </li>
                    <li <%=notLogged%>>
                    	<a href="${pageContext.request.contextPath}/account/login.html">Log In</a>
					</li>
					<li <%=notLogged%>>
                        <a href="${pageContext.request.contextPath}/account/signup.html">Sign Up</a>
                    </li>

                    <div class="zurb-links" hidden>
                        <ul class="top">
                            <li class="logo">
                                <a href="http://zurb.com"></a>
                            </li>
                            <li><a href="http://zurb.com/about">About</a>
                            </li>
                            <li><a href="http://zurb.com/blog">Blog</a>
                            </li>
                            <li><a href="http://zurb.com/contact">Contact</a>
                            </li>
                        </ul>
                        <ul class="pillars">
                            <li>
                                <a href="http://www.zurb.com/studios" class="footer-link-block services">
                                    <span class="title">Studios</span>
                                    <span>Helping startups win since '98.</span>
                                </a>
                            </li>
                            <li>
                                <a href="http://foundation.zurb.com/" class="footer-link-block foundation">
                                    <span class="title">Foundation</span>
                                    <span>World's most advanced responsive framework.</span>
                                </a>
                            </li>
                            <li>
                                <a href="http://zurb.com/apps" class="footer-link-block apps">
                                    <span class="title">Design Apps</span>
                                    <span>Tools to rapidly prototype and iterate.</span>
                                </a>
                            </li>
                            <li>
                                <a href="http://zurb.com/university" class="footer-link-block expo">
                                    <span class="title">University</span>
                                    <span>Online training for smarter product design.</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </ul>
            </aside>

<!--             <aside class="right-off-canvas-menu show-for-small" type="hidden"> -->
<!--                 <ul class="off-canvas-list"> -->
<!--                     <li> -->
<!--                         <label class="first">NOTIFICATION</label> -->
<!--                     </li> -->
<!--                     <li> -->
<!--                         <a href="#">notification</a> -->
<!--                         <a href="#">notification</a> -->
<!--                         <a href="#">notification</a> -->
<!--                         <a href="#">notification</a> -->
<!--                         <a href="#">notification</a> -->
<!--                         <a href="#">notification</a> -->
<!--                     </li> -->
<!--                 </ul> -->
<!--             </aside> -->

            <a class="exit-off-canvas" href="#"></a>